<template>
  <common-info-dialog
    :visible="dialogShow"
    :title="dialogTitle"
    width="500px"
    @cancel="close"
  >
    <common-list>
      <common-table slot="content" :data="allList">
        <el-table-column
          label="敏感数据"
          align="left"
          prop="sensitiveSourceData"
        >
          <template slot-scope="{ row }">
            {{ row.sensitiveSourceData.split(",").splice(0, 5).join(" ") }}
          </template>
        </el-table-column>
      </common-table>
    </common-list>
  </common-info-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogTitle: "敏感样例",
      dialogShow: false,
      allList: [],
    };
  },
  methods: {
    close() {
      this.dialogShow = false;
    },
    show(data) {
      this.dialogShow = true;
      this.allList = data || [];
    },
  },
};
</script>